<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>生产数据上报小工具</title>
    <link rel="stylesheet" type="text/css" href="../../../../resources/js/layout/layout-default.css" />
    <link rel="stylesheet" href="../../../../resources/js/layui/css/layui.css">
    <style>
        .applyTitle {
            text-align: center;
            margin-top: 10px;
        }

        .context-center {
            text-align: center;
            margin-top: 10px;
        }

        .layui-form-label {
            width: 155px;
        }

        .layui-icon.layui-icon-snowflake {
            font-size: 8px;
            color: red;
        }

        .text-left {
            text-align: left;
        }

        .text-right {
            text-align: right;
        }

        .help-content {
            color: red;
            line-height: 30px;

        }

        .anchor-point {
            width: 30px;
            height: 30px;
            margin-top: 15px;
            background: url(../../../../resources/img/help.png) no-repeat;
            display: block;
        }

        .tip-content {
            padding: 20px;
        }

        .layui-icon-search {
            font-size: 27px;
            color: darkcyan;
        }

        .layui-icon-search:hover {
            cursor: pointer;
        }

        .text-center {
            text-align: center;
        }

        .background-gray {
            background-color: lightsteelblue;
        }
    </style>
    <script type="text/javascript" src="../../../../resources/js/jquery-2.2.4.js"></script>
    <script src="../../../../resources/js/auto-line-number.js"></script>
    <script type="text/javascript" src="../../../../resources/js/common.js"></script>
    <script type="text/javascript" src="../../../../resources/js/layout/jquery.layout.js"></script>
    <script type="text/javascript" src="../../../../resources/js/utils.js"></script>
    <script type="text/javascript" src="../../../../resources/js/db.js"></script>
    <script src="../../../../resources/js/layui/layui.js"></script>
    <script src="../js/upload1.js"></script>
</head>

<body>
    <form class="layui-form" action="" lay-filter="formTest">
        <div class="outer-center">
            <div class="layui-form-item">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md10 layui-col-md-offset1">
                            <h1 class="applyTitle">方案三上传所有数据</h1>
                        </div>
                        <div class="layui-col-md1">
                            <a href="#help" class="anchor-point"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>
                                农药产品登记证号</label>
                        </div>
                        <div class="layui-col-md3 layui-col-md-offset1">
                            <div class="layui-row grid-demo">
                                <div class="layui-col-md10">
                                    <input type="text" id="certificateCode" name="certificateCode" required lay-verify="required" placeholder="请输入农药产品登记证号" autocomplete="off" class="layui-input">
                                    <input type="hidden" id="departmentId" name="departmentId">
                                </div>
                                <div class="layui-col-md2 text-center">
                                    <i class="layui-icon layui-icon-search"></i>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>农药产品名称</label>
                        </div>
                        <div class="layui-col-md3 layui-col-md-offset1">
                            <input type="text" id="cpmc" name="cpmc" required lay-verify="required" placeholder="请输入农药产品名称" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>生产许可证号</label>
                        </div>
                        <div class="layui-col-md3 layui-col-md-offset1">
                            <input type="text" id="producerCode" name="producerCode" required lay-verify="required" placeholder="请输入生产许可证号" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>生产企业名称</label>
                        </div>
                        <div class="layui-col-md3 layui-col-md-offset1">
                            <input type="text" id="producer" name="producer" required lay-verify="required" placeholder="请输入生产企业名称" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>

            </div>
            <div class="layui-form-item">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>生产批次</label>
                        </div>
                        <div class="layui-col-md2 layui-col-md-offset1">
                            <input type="text" id="batchNo" name="batchNo" required lay-verify="required" placeholder="请输入生产批次" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-col-md1">
                            <label class="layui-form-label">生产日期</label>
                        </div>
                        <div class="layui-col-md2 layui-col-md-offset1">
                            <div class="layui-row grid-demo">
                                <div class="layui-col-md8">
                                    <input type="text" id="produceDate" name="produceDate" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-col-md4">
                                    <label class="layui-form-label text-left">（建议填写）</label>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>出库日期</label>
                        </div>
                        <div class="layui-col-md2 layui-col-md-offset1">
                            <input type="text" id="outputDate" name="outputDate" required lay-verify="required" placeholder="请输入出库日期" autocomplete="off" class="layui-input">
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>净含量</label>
                        </div>
                        <div class="layui-col-md3 layui-col-md-offset1">
                            <input type="text" id="standards" name="standards" required lay-verify="required|number" placeholder="请输入净含量" autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>净含量单位</label>
                        </div>
                        <div class="layui-col-md3 layui-col-md-offset1">
                            <div class="layui-row grid-demo">
                                <div class="layui-col-md8">
                                    <select id="standardsUnit" name="standardsUnit" required lay-verify="required">
                                        <option selected="selected" value="">请选择</option>
                                        <option value="10">毫升（ml）</option>
                                        <option value="20">升（l）</option>
                                        <option value="30">克（g）</option>
                                        <option value="40">千克（kg）</option>
                                        <option value="50">吨（t）</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md1">
                            <label class="layui-form-label">质检人</label>
                        </div>
                        <div class="layui-col-md2 layui-col-md-offset1">
                            <div class="layui-row grid-demo">
                                <div class="layui-col-md8">
                                    <input type="text" id="qcPerson" name="qcPerson" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-col-md4">
                                    <label class="layui-form-label text-left">（建议填写）</label>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md1">
                            <label class="layui-form-label">质检日期</label>
                        </div>
                        <div class="layui-col-md2 layui-col-md-offset1">
                            <div class="layui-row grid-demo">
                                <div class="layui-col-md8">
                                    <input type="text" id="qcDate" name="qcDate" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-col-md4">
                                    <label class="layui-form-label text-left">（建议填写）</label>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>质检结果</label>
                        </div>
                        <div class="layui-col-md2 layui-col-md-offset1">
                            <div class="layui-row grid-demo">
                                <div class="layui-col-md8">
                                    <select id="qcResult" name="qcResult" required lay-verify="required">
                                        <option selected="selected" value="">请选择</option>
                                        <option value="合格">合格</option>
                                        <option value="不合格">不合格</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>识别码提供方</label>
                        </div>
                        <div class="layui-col-md3 layui-col-md-offset1">
                            <div class="layui-row grid-demo">
                                <div class="layui-col-md8">
                                    <select id="codeSource" name="codeSource" lay-verify="" lay-filter="codeSource">
                                        <option value="">请选择</option>
                                        <option selected value="0">全国农药质量追溯系统</option>
                                        <option value="1">其他系统</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>二维码内容样本</label>
                        </div>
                        <div class="layui-col-md3 layui-col-md-offset1">
                            <input type="text" id="qrSample" name="qrSample" required lay-verify="required" value="http://q.icama.cn/q/#{tracecode}" readonly autocomplete="off" class="layui-input background-gray">
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md1">
                            <label class="layui-form-label"><i class="layui-icon layui-icon-snowflake"></i>追溯码内容</label>
                        </div>
                        <div class="layui-col-md10 layui-col-md-offset1">
                            <textarea id="trace" name="trace" required lay-verify="required|traceContent" placeholder="请输入追溯码内容" style="width:80%;height:300px;line-height:25px;"></textarea>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-container">
                    <div class="layui-row">
                        <div class="layui-col-md1">
                            <label class="layui-form-label">
                                <h1 class="help-content text-right">帮助：</h1>
                            </label>
                        </div>
                        <div class="layui-col-md10 layui-col-md-offset1">
                            <div class="help-content" id="help">
                                <h3>出库阶段实现所有数据的上传，包括农药产品的生产数据、瓶箱数据、出库数据</h3>
                                <h3>上传格式说明：</h3>
                                每行一条数据，格式为：产品追溯码 + 英文分号(;) + 瓶箱单位 + 英文分号(;) + 包装级别 + 英文分号(;) + 上级包装编码<br>
                                例如<br>
                                10979321111151272430505581931660;箱;3<br>
                                10979321111151272430505581931663;盒;2;10979321111151272430505581931660<br>
                                10979321111151272430505581935759;袋;1;10979321111151272430505581931663<br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-form-item outer-south">
            <div class="layui-input-block context-center">
                <button class="layui-btn" lay-submit lay-filter="formDemo" id="btnSubmits" type="button">提交</button>
                <button type="reset" class="layui-btn layui-btn-primary" type="button">重置</button>
            </div>
        </div>
    </form>
</body>

</html>